<template>
  <div>
    <pc-header />
    <side />
    <div class="right-main">
      <slot />
    </div>
  </div>
</template>

<script>
  import Header from './header'
  import Footer from './footer'
  import Side from './side'
  export default {
    name: 'page-frame',
    components: {
      [Header.name]: Header,
      [Footer.name]: Footer,
      [Side.name]: Side
    },
  }
</script>

<style lang="less">
  @import "~@style_pc/basic/utils/index";

  .right-main {
    min-height: 600px;
    margin: 10px 10px 20px 210px;
    padding-bottom: 20px;
  }
</style>
